<template>
  <div class="settings-page">

    <van-cell-group>
      <!-- 模拟设置数据 - 后续需要替换为API获取的真实数据 -->
      <van-cell title="账号设置" is-link @click="showToast('账号设置')" />
      <van-cell title="通知设置" is-link @click="showToast('通知设置')" />
      <van-cell title="隐私设置" is-link @click="showToast('隐私设置')" />
      <van-cell title="关于应用" is-link @click="goToAbout" />
    </van-cell-group>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
import { showToast } from 'vant'

const router = useRouter()

// 跳转到关于我们
const goToAbout = () => {
  router.push({ name: 'about' })
}
</script>

<style scoped>
.settings-page {
  min-height: 100vh;
  background-color: #f7f8fa;
}
</style>
